// Banner 组件的 JavaScript 实现
function initBanner() {
    // 获取 banner 相关的 DOM 元素
    const bannerBox = document.querySelector('.banner-box');
    const bannerImage = document.querySelector('.banner-image-box');
    const bannerInBox = document.querySelector('.banner-in-box');
    const oneId = document.getElementById('oneId');
    const twoId = document.getElementById('twoId');

    // 根据当前语言设置更新 banner 内容
    function updateBannerContent(lang) {
        const content = {
            zh: {
                title: '互动无界 极致物联',
                description: '基于即时通讯架构设计，实时在线<br />创新互动模式，更自然的物端操控体验'
            },
            en: {
                title: 'Boundless Interaction, Ultimate IoT',
                description: 'Based on instant messaging architecture design, real-time online<br />Innovative interaction mode, more natural device control experience'
            }
        };

        // 更新文本内容
        oneId.textContent = content[lang].title;
        twoId.innerHTML = content[lang].description;
    }

    // 监听语言切换事件
    document.addEventListener('languageChange', function(e) {
        updateBannerContent(e.detail.lang);
    });

    // 初始化 banner 内容
    updateBannerContent(window.currentLang || 'zh');
}

// 在 DOM 加载完成后初始化 Banner
document.addEventListener('DOMContentLoaded', initBanner);